import React from 'react';
import { 
  Card, 
  Avatar,
  Input
} from 'antd';
import { 
  UserOutlined
} from '@ant-design/icons';

const AdminPersonal: React.FC = () => {
  return (
    <div className="p-6 bg-gray-100 min-h-screen flex justify-center items-start pt-15">
      <Card className="rounded-lg w-full text-center">
        {/* 头像和用户名 */}
        <div className="mb-10">
          <Avatar 
            size={100} 
            icon={<UserOutlined />} 
            className="mb-4 bg-blue-500"
          />
          <div className="text-lg font-bold text-blue-500 mb-2">
            小DAO
          </div>
        </div>

        {/* 基本信息 */}
        <div className="text-left w-96 h-96 mx-auto">
          {/* 手机号 */}
          <div className="mb-6">
            <div className="text-sm text-gray-600 mb-2">
              手机号
            </div>
            <Input
              value="185****1136"
              disabled
              className="bg-gray-100 border border-gray-300 text-gray-600"
            />
          </div>

          {/* 账户类型 */}
          <div>
            <div className="text-sm text-gray-600 mb-2">
              账户类型
            </div>
            <Input
              value="平台管理员"
              disabled
              className="bg-gray-100 border border-gray-300 text-gray-600"
            />
          </div>
        </div>
      </Card>
    </div>
  );
};

export default AdminPersonal; 